<!DOCTYPE html>
<html lang="en" class="app">
<head>
    <meta charset="utf-8" />
    <title>login</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="tool/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="tool/css/login/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="tool/css/login/app.css" type="text/css" />
</head>
<body background="tool/img/login/bodybg.jpg">
<div id="login">
    <section id="content" class="m-t-lg wrapper-md animated fadeInUp ">
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="container aside-xl" style="margin-top: 48px;">
                        <a class="navbar-brand block"><span class="h1 font-bold" style="color: #ffffff">贵金属库存管理平台</span></a>
                        <section class="m-b-lg">
                            <header class="wrapper text-center">
                                <strong class="text-sucess">登录</strong>
                            </header>
                            <form action="javascript:" method="post" >
                                <div class="form-group" >
                                    <video id="video" poster="tool/img/login/auth.jpg" width="330px" height="400px"  autoplay="autoplay"></video>
                                </div>
                                <button type="submit" class="btn btn-lg btn-danger lt b-white b-2x btn-block" onclick="takePhoto()" id="validate-submit">
                                    <i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg">登录</span></button>
                            </form>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <canvas id="canvas" width="500px" height="500px" style="display: none"></canvas>
</div>
<footer id="footer">
    <div class="text-center padder">

    </div>
</footer>
<div style="text-align:center;">
</div>
<script type="text/javascript" src="tool/js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="tool/js/bootstrap.js"></script>
<script src="tool/js/vue.js"></script>
<script src="tool/js/auth/faceAuth.js"></script>
</body>
</html>
